<template>
  <div>
    <div style="position: relative;z-index: 999;">
      
      <el-form label-width="80px">
        <el-form-item label="新闻标题">
          <el-input v-model="form.name"></el-input>
        </el-form-item>
        <el-form-item label="关键字">
          <el-input v-model="form.keywords"></el-input>
        </el-form-item>
        <el-form-item label="运营商">
          <el-select v-model="form.operator" placeholder="请选择运营商">
            <el-option value="1">电信</el-option>
            <el-option value="2">联通</el-option>
          </el-select>
        </el-form-item>
      </el-form>
    </div>


    <div style="position: relative;z-index: 999;">
      <editor ref="editor" @catchData="catchData"></editor>
    </div>

    <el-button type="primary" size="medium" @click="save">保存</el-button>
  </div>
</template>
<script>
import editor from './model/editor'
export default {
  components:{
    editor
  },
  data() {
    return {
      html:"",
      form:{
        name:"",
        keywords:"",
        operator:""
      }
    };
  },
  mounted() {
  },
  methods: {
    catchData(val){
      this.html = val
    },
    save() {
      console.log(this.html)
      
    }
  }
}
</script>